

$nav-bar-height: 44px;

.hairline-bottom {
    position: relative; 

    &::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: var(--hairline-color, '#4693C7');
        transform: scaleY(0.5);
    }
}

.nav-bar-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 800;
}


.nav-bar {
    --menu-space: 0;
    --nav-bar-title-flex: 5;
}

.nav-bar--weapp {
    --menu-space: 0;
    // --nav-bar-title-flex: 2.5;
}

.at-nav-bar {
    padding-right: 4Px;
}

.at-nav-bar__title {
    font-size: 1rem;
    flex: var(--nav-bar-title-flex);
    padding-left: var(--menu-space);
}